<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大唐艺术家</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="dist/js/swiper.jquery.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("img.lazy").lazyload({effect: "fadeIn",threshold :300});
        });
    </script>
</head>
<body>
    <div id="header">
        <div class="header_bar">
            <div class="web_inner">
                <div class="float_l">
                    <a href="javascript:;" class="float_l curr">大唐艺术网首页</a>
                    <a href="javascript:;" class="float_l">设为首页</a>
                    <a href="javascript:;" class="float_l">加入收藏</a>
                </div>
                <div class="float_r">
                    <a href="javascript:;" class="float_l">客服热线：010-12345678</a>
                    <a href="javascript:;" class="float_l">登录</a>
                    <a href="javascript:;" class="float_l">免费注册</a>
                </div>
            </div>
        </div>
        <div class="index_header">
            <div class="web_inner">
                <div class="logo float_l">
                    <img src="images/logo.jpg" alt="">
                </div>
                <ul class="nav_bar float_r">
                    <li class="nav_item curr">
                        <a href="javascript:;" class="title">首页</a><br>
                    </li>    
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺讯</a>
                        <ul class="nav_sun">
                            <li><a href="javascript:;">美术综合</a></li>
                            <li><a href="javascript:;">拍卖资讯</a></li>
                            <li><a href="javascript:;">集藏信息</a></li>
                            <li><a href="javascript:;">艺术市场</a></li>
                            <li><a href="javascript:;">艺术交流</a></li>
                            <li><a href="javascript:;">访谈评论</a></li>
                            <li><a href="javascript:;">展览资讯</a></li>
                            <li><a href="javascript:;">美术大家</a></li>
                        </ul>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺术家</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺品</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">展览</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">拍卖</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">视频</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">专题</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">电子画册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--content start-->
    <div id="index_banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <a href="javascript:;" class="swiper-slide">
                    <img src="images/banner.jpg" alt="">
                    <span class="title"><span>中国书法艺术家协会是什么？</span></span>
                </a>
                <a href="javascript:;" class="swiper-slide">
                    <img src="images/banner.jpg" alt="">
                    <span class="title"><span>中国书法艺术家协会是什么？</span></span>
                </a>
                <a href="javascript:;" class="swiper-slide">
                    <img src="images/banner.jpg" alt="">
                    <span class="title"><span>中国书法艺术家协会是什么？</span></span>
                </a>
            </div>
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div id="index_floor_box" class="web_inner web_content">
        <form class="input-box clear">
            <select>
                <option value="1">艺术家</option>
                <option value="2">大师</option>
            </select>
            <input type="input" name="" placeholder="请输入搜索内容">
            <button class="iconfont icon-sousuo"></button>
        </form>
        <div class="img-bar clear">
            <a href="javascript:;" class="content1">
                <img src="images/personal_web_01.jpg" alt="">
            </a>
            <a href="javascript:;" class="content2">
                <img src="images/personal_web_02.jpg" alt="">
            </a>
        </div>
        <div class="img-bar">
            <a href="javascript:;" class="content3">
                <img src="images/personal_web_03.jpg" alt="">
            </a>
        </div>
        <div class="clear">
            <div class="float_l left_c tabParent">
                <div class="list_title">
                    <span class="title">大唐推荐</span>
                    <div class="more">
                        <a href="javascript:;" class="item tabBtn curr">特别推荐</a>
                        <a href="javascript:;" class="item tabBtn">油画</a>
                    </div>
                </div>
                <div class="tabBox">
                    <ul class="author_list tabControl">
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                    </ul>
                    <ul class="author_list tabControl" style="display: none;">
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="float_r right_c">
                <div class="list_title">
                    <span class="title">艺术聚焦</span>
                </div>
                <ul class="dujia_list">
                    <li class="item"><span class="num red">1</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num red">2</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num red">3</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">4</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">5</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">6</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">7</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">8</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">9</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">10</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                </ul>
            </div>
        </div>
        <div class="content2">
            <div class="list_title">
                <span class="title">电子画册</span>
                <div class="more-btn">
                    <a href="javascript:;" class="btn left shipin_left"><img src="images/icon-left.png"></a>
                    <a href="javascript:;" class="btn right shipin_right"><img src="images/icon-left.png"></a>
                </div>
            </div>
            <div class="shipin_list swiper-container" id="home_huace">
                <div class="swiper-wrapper">
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg" alt="" class="bg">
                            <img src="images/icon-code.png" alt="" class="code">
                            <div class="code-mask">
                                <img src="images/code-eg.png" alt="">
                            </div>
                        </a>
                        <div class="content">
                            <p class="title">艺海拾贝-白风勤</p>
                            <div class="clear">
                                <div class="float_l">
                                    <img src="images/icon-heart.png">
                                    <span>1988</span>
                                </div>
                                <div class="float_r">
                                    <img src="images/icon-share.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="img-bar">
            <a href="javascript:;" class="content3">
                <img src="images/personal_web_04.jpg" alt="">
            </a>
        </div>
        <div class="clear">
            <div class="float_l left_c">
                <div class="list_title">
                    <span class="title">资讯推荐</span>
                </div>
                <ul class="zixun_list">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="float_r right_c">
                <div class="list_title">
                    <span class="title">艺品欣赏 | 水墨专栏</span>
                </div>
                <ul class="xinshang_list">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/icon-eye.png">&nbsp;123</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/icon-eye.png">&nbsp;123</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/icon-eye.png">&nbsp;123</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/icon-eye.png">&nbsp;123</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/icon-eye.png">&nbsp;123</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="img-bar">
            <a href="javascript:;" class="content3">
                <img src="images/personal_web_05.jpg" alt="">
            </a>
        </div>
        <div class="clear">
            <div class="float_l left_c">
                <div class="list_title">
                    <span class="title">集藏拍卖</span>
                </div>
                <ul class="zixun_list">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="float_r right_c">
                <div class="list_title">
                    <span class="title">艺术市场</span>
                </div>
                <ul class="shichang_list">
                    <li class="item"><span class="num red">1</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num red">2</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">3</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                    <li class="item"><span class="num">4</span><a href="javascript:;" class="clamp1">中国新闻网：中国发布消费者权益保护工作状况白皮书</a></li>
                </ul>
                <div id="yishu_swiper">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <a href="javascript:;" class="swiper-slide">
                                <img src="images/ys-banner.jpg" alt="">
                                <span class="title"><span>中国书法艺术家协会是什么？</span></span>
                            </a>
                            <a href="javascript:;" class="swiper-slide">
                                <img src="images/ys-banner.jpg" alt="">
                                <span class="title"><span>中国书法艺术家协会是什么？</span></span>
                            </a>
                            <a href="javascript:;" class="swiper-slide">
                                <img src="images/ys-banner.jpg" alt="">
                                <span class="title"><span>中国书法艺术家协会是什么？</span></span>
                            </a>
                        </div>
                        <div class="swiper-pagination1"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="img-bar">
            <a href="javascript:;" class="content3">
                <img src="images/personal_web_06.jpg" alt="">
            </a>
        </div>
        <div class="clear">
            <div class="float_l left_c">
                <div class="list_title">
                    <span class="title">展览最新资讯</span>
                </div>
                <ul class="zixun_list">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="time">2019-05-05</p>
                            <p class="desc clamp2">景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="float_r right_c">
                <div class="list_title">
                    <span class="title">视频</span>
                </div>
                <ul class="video_list clear">
                    <li class="item">
                        <div class="thumb">
                            <img src="images/zx.jpg" alt="" class="vid">
                            <img src="images/icon-play.png" alt="" class="play">
                            <p class="desc clamp1">宁强:佛传故事画</p>
                        </div>
                    </li>
                    <li class="item">
                        <div class="thumb">
                            <img src="images/zx.jpg" alt="" class="vid">
                            <img src="images/icon-play.png" alt="" class="play">
                            <p class="desc clamp1">宁强:佛传故事画</p>
                        </div>
                    </li>
                    <li class="item">
                        <div class="thumb">
                            <img src="images/zx.jpg" alt="" class="vid">
                            <img src="images/icon-play.png" alt="" class="play">
                            <p class="desc clamp1">宁强:佛传故事画</p>
                        </div>
                    </li>
                    <li class="item">
                        <div class="thumb">
                            <img src="images/zx.jpg" alt="" class="vid">
                            <img src="images/icon-play.png" alt="" class="play">
                            <p class="desc clamp1">宁强:佛传故事画</p>
                        </div>
                    </li>
                    <li class="item">
                        <div class="thumb">
                            <img src="images/zx.jpg" alt="" class="vid">
                            <img src="images/icon-play.png" alt="" class="play">
                            <p class="desc clamp1">宁强:佛传故事画</p>
                        </div>
                    </li>
                    <li class="item">
                        <div class="thumb">
                            <img src="images/zx.jpg" alt="" class="vid">
                            <img src="images/icon-play.png" alt="" class="play">
                            <p class="desc clamp1">宁强:佛传故事画</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content2 tabParent">
            <div class="list_title">
                <span class="title">艺术品</span>
                <div class="more">
                    <a href="javascript:;" class="item tabBtn curr">特别推荐</a>
                    <a href="javascript:;" class="item tabBtn">油画</a>
                </div>
            </div>
            <div class="tabBox">
                <ul class="yishu_list tabControl clear">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                </ul>
                <ul class="yishu_list tabControl clear" style="display: none;">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/author-01.jpg" alt=""></a>
                        <p class="name">特别推荐</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content2">
            <div class="list_title">
                <span class="title">合作单位</span>
                <div class="more-btn">
                    <a href="javascript:;" class="btn left hezuo_left"><img src="images/icon-left.png"></a>
                    <a href="javascript:;" class="btn right hezuo_right"><img src="images/icon-left.png"></a>
                </div>
            </div>
            <div class="hezuo_list swiper-container">
                <div class="swiper-wrapper">
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz1.jpg" alt=""></a>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz2.jpg" alt=""></a>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz3.jpg" alt=""></a>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz4.jpg" alt=""></a>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz5.jpg" alt=""></a>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz6.jpg" alt=""></a>
                    </div>
                    <div class="item swiper-slide">
                        <a href="javascript:;" class="thumb"><img src="images/hz7.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="content2">
            <div class="list_title">
                <span class="title">友情链接</span>
                <div class="more">
                    <a href="javascript:;" class="item curr">申请友情链接</a>
                </div>
            </div>
            <div class="youqing">
                <a href="javascript:;">中国美术高考网</a>
                <a href="javascript:;">广州美术学院</a>
                <a href="javascript:;">湖北美术学院</a>
                <a href="javascript:;">鲁迅美术学院</a>
                <a href="javascript:;">四川美术学院</a>
                <a href="javascript:;">天津美术学院</a>
                <a href="javascript:;">西安美术学院</a>
                <a href="javascript:;">中国美术学院</a>
                <a href="javascript:;">中央美术学院</a>
                <a href="javascript:;">美术图库</a>
            </div>
        </div>

    </div>
    <!--content end-->
    <!--footer atart-->
    <div id="footer">
        <div class="web_inner">
            <div class="float_l">
                <a href="javascript:;" class="float_l">2005-2018 © All Rights Reserved.</a>
            </div>
            <div class="float_r">
                <a href="javascript:;" class="float_l iconfont icon-iconfontdengluweibode5959"></a>
                <a href="javascript:;" class="float_l iconfont icon-weixin1"></a>
                <a href="javascript:;" class="float_l iconfont icon-qq"></a>
            </div>
            <i class="iconfont icon-huojian scrollTop"></i>
        </div>
    </div>
    <!--footer end-->
</body>
</html>